<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <script src="./fonts/iconfont.ttf"></script> -->
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" href="./fonts/iconfont.css" class="">
    <link rel="stylesheet" href="./css/app.css">
    
    <title>Document</title>
</head>
<body>
    <!--  -->
    <div class="page">
        <div class="page__hd">
            <h2><img src="./images/16c60003195f8a0f243c.jpg" alt=""></h2>
            <div class="user">
                <div class="user__id">火锅国炸薯条高手</div>
                <div class="user__userimg">
                    <img src="./images/image-20210708193719071.png" alt="">
                </div>
            </div>
        </div>
        <div class="page__bd">
            <ul class="messages">
                <li class="messages__item">
                    <div class="messages__left">
                        <div class="messages__userimg">
                            <img src="./images/image-20210708193719071.png" alt="">
                        </div>
                    </div>
                    <div class="messages__right">
                        <div class="messages__userid">我是刘高</div>
                        <div class="messages__text">大家好，这是一条文本</div>
                        <div class="messages__img">
                            <img src="./images/Picturesimg-badccb244f799e24827a2d5eee7a929f.jpg" alt="">
                        </div>
                        <div class="messages__date">6分钟前</div>
                        <div class="messages__up">
                            <div class="messages__uper">
                                <i class="iconfont icon-xinaixin" style="font-size: 20px;"></i>
                                <span>刘钰</span>
                            </div>
                            
                        </div>
                    </div>
                </li>
            </ul>
                    
            </div>
        </div>
    </div>
    
</body>
</html>